<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="utf-8"/>
    <title>银行保险后台管理系统</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>

    <meta name="renderer" content="webkit"/>
    <meta name="description" content="jeefast"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>

    <!--[if !IE]> -->
    <!--<link rel="stylesheet" href="assets/css/pace.css"/>-->
    <script
            data-pace-options='{ "ajax": true, "document": true, "eventLag": false, "elements": false }'
            src="assets/js/pace.js"></script>
    <!-- <![endif]-->
    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="assets/css/bootstrap.css"/>
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!-- text fonts -->
    <link rel="stylesheet" href="assets/css/ace-fonts.css"/>
    <link rel="stylesheet" href="lib/index.css"/>
    <link rel="stylesheet" href="lib/icon/iconfont.css"/>
    <!-- ace styles -->
    <link rel="stylesheet" href="assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style"/>
    <style>
        .atv {
            background-color: #ecf5ff;
        }
    </style>
</head>
<body class="no-skin">
<div id="jeefastapp" v-cloak>
    <div id="navbar" class="navbar navbar-default">
        <div class="navbar-container" id="navbar-container">
            <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler"
                    data-target="#sidebar">
                <span class="sr-only">Toggle sidebar</span>

                <span class="icon-bar"></span>

                <span class="icon-bar"></span>

                <span class="icon-bar"></span>
            </button>

            <div class="navbar-header pull-left">
                <a href="#" class="navbar-brand">
                    <small>
                        银行保险后台管理系统
                    </small>
                </a>
            </div>
            <div class="navbar-buttons navbar-header pull-right" role="navigation">
                <ul class="nav ace-nav">
                    <li class="light-blue">
                        <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                            <img class="nav-user-photo" src="img/avatar5.png" alt="Jason's Photo"/>
                            <span class="user-info">
									<small>欢迎,</small>
									{{user.username}}
								</span>

                            <i class="ace-icon fa el-icon-arrow-down"></i>
                        </a>

                        <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                            <li>
                                <a href="javascript:" @click="updatePassword">
                                    <i class="ace-icon fa el-icon-edit"></i>
                                    修改密码
                                </a>
                            </li>

                            <li class="divider"></li>

                            <li>
                                <a href="javascript:" @click="logout">
                                    <i class="ace-icon fa el-icon-circle-check"></i>
                                    退出登录
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="main-container" id="main-container">
        <!-- #section:basics/sidebar -->
        <div id="sidebar" class="sidebar responsive">
            <ul class="nav nav-list">
                <!--<li class="">-->
                    <!--<a href="#">-->
                        <!--<i class="el-icon-ump-zhediedaohang"></i>-->
                        <!--<span class="menu-text"> &nbsp;&nbsp;功能导航 </span>-->
                    <!--</a>-->
                    <!--<b class="arrow"></b>-->
                <!--</li>-->
                <!-- vue生成的菜单 -->
                <menu-item :item="item" :index="index" v-for="(item, index) in menuList" :key="index"></menu-item>
            </ul>
            <!--<el-row class="tac"><el-col :span="12"><el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose"/> <el-submenu index="1"> <template slot="title"> <i class="el-icon-location"></i><span>导航一</span></template><el-menu-item-group><template slot="title">分组一</template><el-menu-item index="1-1">选项1</el-menu-item><el-menu-item index="1-2">选项2</el-menu-item></el-menu-item-group><el-menu-item-group title="分组2"><el-menu-item index="1-3">选项3</el-menu-item></el-menu-item-group><el-submenu index="1-4"><template slot="title">选项4</template><el-menu-item index="1-4-1">选项1</el-menu-item></el-submenu></el-submenu><el-menu-item index="2"><i class="el-icon-menu"></i><span slot="title">导航二</span></el-menu-item><el-menu-item index="3" disabled><i class="el-icon-document"></i><span slot="title">导航三</span></el-menu-item><el-menu-item index="4"><i class="el-icon-setting"></i><span slot="title">导航四</span></el-menu-item></el-menu></el-col></el-row>-->
            <!--<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
              <i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left"
                 data-icon2="ace-icon fa fa-angle-double-right"></i>
            </div>-->
        </div>
        <!-- /section:basics/sidebar -->
        <div class="main-content">
            <iframe scrolling="yes" frameborder="0"
                    style="width:100%;min-height:800px;overflow:visible;background:#fff;height: calc(100vh - 45px)"
                    :src="main"></iframe>
        </div>
        <div class="footer">
            <div class="footer-inner">
                <div class="footer-content">
                </div>
            </div>
        </div>
        <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
            <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
        </a>
    </div>
    <!-- 修改密码 -->
    <div id="passwordLayer" style="display:none; overflow:hidden">
        <form class="form-horizontal">
            <br>
            <div class="form-group">
                <div class="form-group">
                    <div class="col-sm-3 control-label">账号</div>
                    <div class="col-sm-4">
                        <span class="label label-success" style="vertical-align: bottom;">{{user.username}}</span>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-3 control-label">原密码</div>
                    <div class="col-sm-4">
                        <input type="password" ref="password" class="form-control" v-model="password" placeholder="原密码"
                               autocomplete='tel'/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-3 control-label">新密码</div>
                    <div class="col-sm-4">
                        <input type="password" ref="newPassword" class="form-control" v-model="newPassword" placeholder="新密码"
                               autocomplete='tel'/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-3 control-label">确认新密码</div>
                    <div class="col-sm-4">
                        <input type="password" ref="newPassword2" class="form-control" v-model="newPassword2" placeholder="确认新密码"/>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
</body>
<script src="assets/js/ace-extra.js"></script>
<script src="libs/jquery.min.js"></script>
<script src="libs/bootstrap.min.js"></script>
<script src="assets/js/ace/ace.js"></script>
<script src="assets/js/ace/ace.sidebar.js"></script>
<script src="assets/js/ace/ace.sidebar-scroll-1.js"></script>
<script src="assets/js/ace/ace.submenu-hover.js"></script>
<script src="assets/js/ace/ace.widget-on-reload.js"></script>
<!-- 自定义和插件 js -->
<script src="plugins/jqgrid/jquery.jqGrid.min.js"></script>
<!--<script src="libs/vue.min.js"></script>-->
<script src="js/common.js"></script>
<script src="lib/vue.js"></script>
<script src="lib/index.js"></script>
<script src="libs/router.js"></script>
<script src="plugins/layer/layer.js"></script>
<script src="js/index.js"></script>
<script type="text/javascript">
    if ('ontouchstart'
        in document.documentElement) {
        document.write("<script src='assets/js/jquery.mobile.custom.js'>"
            + "<" + "/script>");
    }
</script>
<script type="text/javascript">
    try {
        ace.settings.check('navbar', 'fixed')
    } catch (e) {
    }
</script>
<script type="text/javascript">
    try {
        ace.settings.check('sidebar', 'fixed')
    } catch (e) {
    }
</script>
<script type="text/javascript">
    try {
        ace.settings.check('main-container', 'fixed')
    } catch (e) {
    }
</script>
<script type="text/javascript">
    try {
        ace.settings.check('sidebar', 'collapsed')
    } catch (e) {
    }
</script>
</html>
